<template>
  <div
    :style="{
      width: '0.1vw',
      height: height,
      backgroundColor: backgroundColor,
    }"
  ></div>
</template>

<script setup>
import { defineProps } from "vue";

const props = defineProps({
  height: String,
  backgroundColor: String,
});
</script>

<style scoped>
/* 可以在这里定义默认的样式 */
div {
  width: 0.1vw;
  height: 3.5vh; /* 默认高度，可以被 props.height 覆盖 */
  background-color: #dddddd; /* 默认背景颜色，可以被 props.backgroundColor 覆盖 */
}
</style>
